@mixin flexCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}
.splitter {
    position: relative;
    z-index: 2;
    .top-content-title-bar {
      width: 100%;
      height: 50px;
      display: flex;
      justify-content: space-between;
      z-index: 100;
      .left-title {
        width: 200px;
        height: 100%;
        border-left: 4px solid #c0c0c0;
        border-bottom: 4px solid #c0c0c0;
        border-radius: 10px;
        @include flexCenter;
        h2 {
          color: #f6f6f6;
          font-size:26px;
          text-shadow: -1px 1px #bbb, -2px 2px #bbb, -3px 3px #bbb, -4px 4px #bbb, -5px 5px #535353, -12px 12px 3px #535353;
        }
      }
      .right-pointer {
        width: 200px;
        height: 100%;
        border-right: 4px solid #c0c0c0;
        border-top: 4px solid #c0c0c0;
        border-radius: 10px;
        @include flexCenter;
        h2 {
          color: white;
        }
        h2:hover {
          color: #ffba3d;
          cursor: pointer;
        }
      }
    }
  }